<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
          name="viewport">
    <meta content="ie=edge" http-equiv="X-UA-Compatible">
    <!--对移动设备进一步友好支持-->
    <meta content="width=device-width, initial-scale=1" name="viewport">
    <title>Document</title>
    <link href="../boot/css/bootstrap.min.css" rel="stylesheet">
    <!--核心jquery js-->
    <script src="../boot/js/jquery-3.4.1.min.js"></script>
    <!--bootstrap 核心 js-->
    <script src="../boot/js/bootstrap.min.js"></script>
    <!--    <style>-->
    <!--        .aa{-->
    <!--            border: 1px red solid;-->
    <!--        }-->
    <!--    </style>-->
</head>
<body>
<nav class="navbar navbar-default">
    <div class="container-fluid">
        <!--导航头-->
        <div class="navbar-header">
            <a class="navbar-brand" href="#">BOOT客户管理系统v2.0</a>
        </div>
    </div>
</nav>
<div class="pull-left aa" style="width: 300px">
    <form class="navbar-form navbar-left">
        <div class="form-group">
            <input class="form-control" placeholder="Search" type="text">
        </div>
        <button class="btn btn-default" type="submit">Submit</button>
    </form>
    <div class="container" style="clear: left">
        <div class="row">
            <div class="col-sm-2">
                <ul class="list-group">
                    <li class="list-group-item">客户管理</li>
                    <li class="list-group-item">客户拜访</li>
                    <li class="list-group-item">系统管理</li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="pull-right aa" style="width: 900px">
    <h1><strong>客户管理</strong></h1>
    <form action="" class="form-inline">
        <div class="form-group" style="float: left">
            <label>客户名称</label>
            <input class="form-control" name="" type="">
        </div>

        <div class="dropdown" style="float: left">
            <label>客户来源</label>
            <button class="btn btn-default" data-toggle="dropdown">---请选择--- <span class="caret"></span></button>
            <ul class="dropdown-menu">
                <li>a</li>
                <li>a</li>
                <li>a</li>
            </ul>
        </div>

        <div class="dropdown" style="float: left">
            <label>所属行业</label>
            <button class="btn btn-default" data-toggle="dropdown">---请选择--- <span class="caret"></span></button>
            <ul class="dropdown-menu">
                <li>a</li>
                <li>a</li>
                <li>a</li>
            </ul>
        </div>


        <div class="dropdown" style="float: left">
            <label>客户级别</label>
            <button class="btn btn-default" data-toggle="dropdown">---请选择---<span class="caret"></span></button>
            <ul class="dropdown-menu">
                <li>a</li>
                <li>a</li>
                <li>a</li>
            </ul>
        </div>
        <button class="btn btn-primary active" type="submit">查询</button>
    </form>
    <br>
    <table class="table table-striped table-bordered table-hover table-condensed">
        <tr>
            <td colspan="8">客户信息列表</td>
        </tr>
        <tbody>
        <tr>
            <td>ID</td>
            <td>客户名称</td>
            <td>客户来源</td>
            <td>客户所属行业</td>
            <td>客户级别</td>
            <td>固定电话</td>
            <td>手机</td>
            <td>操作</td>
        </tr>
        <tr>
            <td>1</td>
            <td>小黑</td>
            <td>阿里</td>
            <td>互联网</td>
            <td>普通客户</td>
            <td>047900020</td>
            <td>1343434343</td>
            <td><a class="btn btn-primary" href="">修改</a> <a class="btn btn-danger" href="">删除</a></td>
        </tr>
        <tr>
            <td>1</td>
            <td>小黑</td>
            <td>阿里</td>
            <td>互联网</td>
            <td>普通客户</td>
            <td>047900020</td>
            <td>1343434343</td>
            <td><a class="btn btn-primary" href="">修改</a> <a class="btn btn-danger" href="">删除</a></td>
        </tr>
        <tr>
            <td>1</td>
            <td>小黑</td>
            <td>阿里</td>
            <td>互联网</td>
            <td>普通客户</td>
            <td>047900020</td>
            <td>1343434343</td>
            <td><a class="btn btn-primary" href="">修改</a> <a class="btn btn-danger" href="">删除</a></td>
        </tr>
        <tr>
            <td>1</td>
            <td>小黑</td>
            <td>阿里</td>
            <td>互联网</td>
            <td>普通客户</td>
            <td>047900020</td>
            <td>1343434343</td>
            <td><a class="btn btn-primary" href="">修改</a> <a class="btn btn-danger" href="">删除</a></td>
        </tr>
        <tr>
            <td>1</td>
            <td>小黑</td>
            <td>阿里</td>
            <td>互联网</td>
            <td>普通客户</td>
            <td>047900020</td>
            <td>1343434343</td>
            <td><a class="btn btn-primary" href="">修改</a> <a class="btn btn-danger" href="">删除</a></td>
        </tr>
        <tr>
            <td>1</td>
            <td>小黑</td>
            <td>阿里</td>
            <td>互联网</td>
            <td>普通客户</td>
            <td>047900020</td>
            <td>1343434343</td>
            <td><a class="btn btn-primary" href="">修改</a> <a class="btn btn-danger" href="">删除</a></td>
        </tr>
        </tbody>
    </table>
    <nav>
        <ul class="pagination pagination-sm" style="float: right">
            <li><a href=""><span>上一页</span></a></li>
            <li class="active"><a href="">1</a></li>
            <li><a href="">2</a></li>
            <li><a href="">3</a></li>
            <li><a href="">4</a></li>
            <li><a href="">5</a></li>
            <li><a href=""><span>下一页</span></a></li>
        </ul>
    </nav>
</div>
</body>
</html>